.app-pagination{
	width: 100%;
}
.pagination-content{
	float: left;
	max-width: 60%;
	li:first-of-type{
		font-size: 20px;
		line-height: 30px;
		background: none;
	}
	li:last-of-type{
		font-size: 20px;
		line-height: 30px;
		background: none;
	}
	li{
		float: left;
		margin: 0 10px;
		width: 30px;
		height: 30px;
		line-height: 30px;
		border-radius: 50%;
		cursor: pointer;
		background: #fff;
		text-align: center;
		user-select:none;
	}
	.disabled-btn{
		color: gray;
		cursor:not-allowed;
	}
	.btn{
		color: black;
	}
	.currentBtn{
		color: white;
		background: #b85b53;
	}
}
.select{
	float: left;
	height: 30px;
	border-radius: 5px;
	border: none;
	line-height: 30px;
	text-align: center;
	outline: none;
	user-select:none;
	cursor: pointer;
}
.total{
	width: 10%;
	float: left;
	margin: 0 10px;
	font-size: 14px;
	line-height: 30px;
	color: #000;
	user-select:none;
	i{
		color: #40a9ff;
		font-style: normal
	}
}
.quicker-jump{
	float: left;
	margin: 0 5px;
	padding: 0 10px;
	user-select:none;
	input{
		height: 30px;
		width: 30px;
		border-radius: 50%;
		margin: 0 10px;
		border: none;
		font-size: 14px;
		text-align: center;
		line-height: 30px;
		color: #000;
		font-weight: 500;
		outline: none;
		cursor: pointer;
	}
	a{
		background: #40a9ff;
		color: white;
		border-color: 1px solid #40a9ff;
		padding: 5px 15px;
		border-radius: 5px;
		display: inline-block;
		font-size: 14px;
		cursor: pointer;
	}
	a:hover{
		color: #40a9ff;
    background-color: #fff;
    border-color: 1px solid #40a9ff;
	}
}
.show-current-page{
	float: left;
	padding: 0 10px;
	user-select:none;
	i{
		color: #40a9ff;
		font-style: normal;
		line-height: 30px;
	}
}